<script lang='ts' setup name='Father'>  
 import { ref } from 'vue' 
 import MyInput from "./MyInput.vue";
 const username = ref('root')




 function getInputValue(value:any){
    username.value  =value
 }


</script>  
  
<template>  



    用户名：
    <!-- 原生的dom节点 -->
    <input type="text" v-model="username" />
   
    <!-- <input type="text" :value="username" @input="$evnet........." />
    <input type="radio" :value="username" @checked="$evnet........." /> -->


    <!-- 自定义组件 -->
    <el-input v-model="username"></el-input>
        <hr>

    <!-- 仿照element UI的 input组件 -->
    自定义的组件
    
    <MyInput v-model="username"</MyInput>
 <!-- <MyInput :modelValue="username"  @update:modelValue="getInputValue"></MyInput> -->
  
</template>  
  
<style scoped>  

</style>  